<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>视频</title>
    <link rel="stylesheet" href="../css/style-starter.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/main.css">
    <!-- Font Awesome CSS-->
    <link href="../css/font-awesome.min.css" rel="stylesheet">
    <!-- Line Awesome CSS -->
    <link href="../css/line-awesome.min.css" rel="stylesheet">
    <!-- Animate CSS-->
    <link href="../css/animate.css" rel="stylesheet">
    <!-- Bar Filler CSS -->
    <link href="../css/barfiller.css" rel="stylesheet">
    <!-- Magnific Popup Video -->
    <link href="../css/magnific-popup.css" rel="stylesheet">
    <!-- Flaticon CSS -->
    <link href="../css/flaticon.css" rel="stylesheet">
    <!-- Owl Carousel CSS -->
    <link href="../css/owl.carousel.min.css" rel="stylesheet">
    <!-- Style CSS -->
    <link href="../css/style.css" rel="stylesheet">
    <!-- Responsive CSS -->
    <link href="../css/framework.css" rel="stylesheet">
    <link href="../css/responsive.css" rel="stylesheet">
    <link href="../css/video_style.css" rel="stylesheet">
    <link href="https://vjs.zencdn.net/7.10.2/video-js.css" rel="stylesheet" />
    <script src="../js/jquery.min.js"></script>

</head>

<body>
    <div class="header">
        <!--导航-->
        <div id="style-1" class="header-area">
            <div class="sticky-area">
                <div class="navigation">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="logo">
                                    <a href="index.html"><img src="../../img/logo.png" alt="archipix-logo"></a>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <div class="main-menu">
                                    <nav class="navbar navbar-expand-lg">
                                        <button class="navbar-toggler" type="button" data-toggle="collapse"
                                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                            aria-expanded="false" aria-label="Toggle navigation">
                                            <span class="navbar-toggler-icon"></span>
                                            <span class="navbar-toggler-icon"></span>
                                            <span class="navbar-toggler-icon"></span>
                                        </button>

                                        <div class="collapse navbar-collapse justify-content-center"
                                            id="navbarSupportedContent">
                                            <ul class="navbar-nav m-auto">
                                                <li class="nav-item">
                                                    <a class="nav-link active" href="index.html">首页
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                    <!--  <ul class="sub-menu">
                                                        <li><a href="index.html">Home - Main</a></li>
                                                        <li><a href="#">Home - Architecture</a></li>
                                                        <li><a href="#">Home - Interior Design</a></li>
                                                    </ul> -->
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="info.html">资讯
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li><a href="info.html#policy">政策解读</a></li>
                                                        <li><a href="info.html#news">新闻报道</a></li>
                                                        <li><a href="info.html#industry">行业动态</a></li>

                                                    </ul>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="activity.html">活动
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li><a href="activity.html#underway">正在进行</a></li>
                                                        <li><a href="activity.html#begin">即将开始</a></li>
                                                        <li><a href="activity.html#end">已经结束</a></li>
                                                    </ul>
                                                </li>

                                                <li class="nav-item">
                                                    <a class="nav-link" href="video.html">视频
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li><a href="video.html#introduce">科普介绍</a></li>
                                                        <li><a href="video.html#demons">项目演示</a></li>
                                                        <li><a href="video.html#news">新闻报道</a></li>
                                                    </ul>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="encyclopedia.html">百科解答</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="product.html">产品服务</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="solution.html">解决方案
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                    <!--  <ul class="sub-menu">
                                                        <li><a href="#">Blog</a></li>
                                                        <li><a href="#">Blog Details</a></li>
                                                    </ul> -->
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="report.html">研究报告</a>
                                                </li>
                                                
                                                <li class="nav-item"  style="margin-left: 55px;">
                                                    <div class="nav-link">
                                                      
                                                    <a href="login.html" >登录</a>&nbsp;|&nbsp;
                                                        <a href="register.html">注册</a>  
                                                        
                                                    </div>


                                                </li>
                                            </ul>

                                        </div>
                                    </nav>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--

        <div class="gradient">
            <img src="../../img/506-3.png"  width="30%"/>
        </div>-->
    </div>

    <!-- Breadcroumb Area -->

    <div class="breadcroumb-area ">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcroumb-title text-center">
                        <h1>视频</h1>
                        <h5><a href="index.html">首页</a> / 视频 </h5>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--内容-->
    <!--     <div class="row mb-3">
        <div class="col-lg-8 col-md-10 col-10  m-auto"> -->
    <!-- contents -->
    <div id="wrapper" class="sidebar-out">
        <div class="main_content content-expand">
            <div class="main_content_inner">


                <div uk-grid>
                    <div class="uk-width-2-3@m">

                        <div id="video-box" uk-sticky="top: 400 ;media : @s"
                            cls-active="video-resized uk-animation-slide-right;">
                            <span class="icon-feather-x btn-box-close"
                                uk-toggle="target: #video-box ; cls: video-resized-hedden uk-animation-slide-left"></span>


                        </div>

                        <div class="video-info " >
                            <div class="row">
                                <div class="col-12">

                               
                            <video
                            id="my-video"
                            class="video-js"
                            controls
                            preload="auto"
                            object-fit: fill
                            
                            poster="../../img/15211916792824.jpg"
                            data-setup="{}"
                          >
                            <source src="https://vjs.zencdn.net/v/oceans.mp4" type="video/mp4" />
                            <source src="MY_VIDEO.webm" type="video/webm" />
                           <!--  <p class="vjs-no-js">
                              To view this video please enable JavaScript, and consider upgrading to a
                              web browser that
                              <a href="../../img/08145251ww2h.png" target="_blank"
                                >supports HTML5 video</a
                              >
                            </p> -->
                          </video>
                        </div>
                    </div>
                       
                            <!-- video title -->
                            <div class="video-info-title">
                                <h1> 昆钢公司首个“5G+工业互联网”项目投入使用


                                </h1>
                            </div>

                            <div class="uk-flex uk-flex-between" >

                                <div class="video-info-details">
                                    <span>60,723,169 views </span>
                                </div>
                                <div class="video-likes">
                                    <div class="like-btn" uk-tooltip="赞">
                                        <i class="fa fa-thumbs-up"></i>
                                    
                                    </div>
                                   
                                   
                                    
                                    <div class="like-btn" uk-tooltip="收藏">
                                        <i class="fa fa-star"></i>
                                      
                                    </div>
                                    
                                    <div class="like-btn" uk-tooltip="分享">
                                        <i class="fa fa-share-square-o"></i>
                                        
                                    </div>
                                    
                                    
                                </div>

                            </div>


                            <div class="uk-flex uk-flex-between uk-flex-middle" uk-grid>
                                <div class="user-details-card uk-width-expand">
                                    <a href="single-channal.html" class="uk-flex">
                                        <div class="user-details-card-avatar">
                                            <img src="../../img/2.jpg" alt="">
                                        </div>
                                        <div class="user-details-card-name">
                                            云南日报
                                            <span> Published on Oct 22, 2017 </span>
                                        </div>
                                    </a>
                                </div>
                               
                            </div>

                            <hr class="mt-0 mb-2">


                            <h2> 简介</h2>
                            <p>近日,昆钢公司首个“5G+工业互联网”项目在下属玉钢公司投入使用,成功实现了水渣行车无人化操作。这是中国电信在玉溪市开发的首个“5G+工业互联网”应用场景,也是云南省钢铁企业首台成功运用的无人水渣行车。
                            </p>


                            
                            
                              <!--   <div class="abt-rw">
                                    <h4>Category : </h4>
                                    <ul>
                                        <li><span>Education</span></li>
                                    </ul>
                                </div>
                                <div class="abt-rw">
                                    <h4>About : </h4>
                                    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
                                        fugiat nulla pariatur </p>
                                </div> -->
                                <div class="abt-rw tgs">
                                    <h4>标签 : </h4>
                                    <ul>
                                        <li><a href="#" title="">#工业互联网</a></li>
                                        <li><a href="#" title="">#物联网 </a></li>
                                        <li><a href="#" title="">#5G</a></li>
                                        <li><a href="#" title="">#产业</a></li>
                                    </ul>
                                </div>
                           


                        </div>

                        <hr>

                        <div class="comments mt-4">
                            <h3> 评论 <span class="comments-amount">5210</span> </h3>

                            <ul>
                                <li>
                                    <div class="avatar"><img src="../../img/3.jpg" alt="">
                                    </div>
                                    <div class="comment-content">
                                        <div class="comment-by">张三
                                            <a href="#" class="reply"><i class="icon-line-awesome-undo"></i>
                                                回复</a>
                                        </div>
                                        <p> 该项目由玉钢公司联合中国电信和华为公司共同实施,经过3个多月自主改造完成。无人水渣行车的成功运行,解决了行车司机手动操作过程中视线不足 </p>
                                    </div>

                                    <ul>
                                        <li>
                                            <div class="avatar"><img src="../../img/二维码.png" alt="">
                                            </div>
                                            <div class="comment-content">
                                                <div class="comment-by">李四
                                                    <a href="#" class="reply"><i class="icon-line-awesome-undo"></i>
                                                        回复</a>
                                                </div>
                                                <p>在实际生产过程中,只需要给行车下达捞渣指令,控制系统就能够控制行车及抓斗自动完成捞渣作业。</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="avatar">
                                                <img src="../../img/1.jpg" alt="">
                                            </div>
                                            <div class="comment-content">

                                                <div class="comment-by">赵花花
                                                    <a href="#" class="reply"><i class="icon-line-awesome-undo"></i>
                                                        回复</a>
                                                </div>
                                                <p>本次改造利用5G通讯技术实现了无人行车的远程通讯、自动控制及视频监控等一系列先进的传输变革。</p>
                                            </div>

                                        </li>
                                    </ul>

                                </li>

                                <li>
                                    <div class="avatar"><img src="../../img/2.jpg" alt="">
                                    </div>
                                    <div class="comment-content">

                                        <div class="comment-by">钱多多
                                            <a href="#" class="reply"><i class="icon-line-awesome-undo"></i>
                                                回复</a>
                                        </div>
                                        <p>利用传感技术将行车工作场构成一个平面,使行车在无人驾控模式下,大小车可以在设定的路线下进行工作。</p>
                                    </div>

                                </li>

                            </ul>

                        </div>

                        <div class="comments">
                            <h4>发表评论 </h4>
                            <ul>
                                <li>
                                    <div class="avatar"><img src="../../img/3.jpg" alt="">
                                    </div>
                                    <div class="comment-content">
                                        <form class="uk-grid-small" uk-grid>

                                            <div class="uk-width-1-1@s">
                                                <label class="uk-form-label">评论</label>
                                                <textarea class="uk-textarea" placeholder="写下您的评论"
                                                    style=" height:160px"></textarea>
                                            </div>
                                            <div class="uk-grid-margin">
                                                <input type="submit" value="submit" class="button warning">
                                            </div>
                                        </form>

                                    </div>
                                </li>
                            </ul>
                        </div>





                    </div>
                    <div class="uk-width-expand@m">

                        <div class="video-list-small uk-child-width-1-1@m uk-child-width-1-2@s" uk-grid>


                            <div>
                                <a href="#" class="video-post video-post-list">
                                    <!-- Blog Post Thumbnail -->
                                    <div class="video-post-thumbnail">

                                        <span class="video-post-time">23:00</span>
                                        <span class="play-btn-trigger"></span>

                                        <img src="../../img/15740612343093.jpeg" alt="">

                                    </div>

                                    <!-- Blog Post Content -->
                                    <div class="video-post-content">
                                        <h3> 电子科技硬件：数字化浪潮驱动下，核心环节的龙头.. </h3>
                                        <img src="../../img/2.jpg" alt="">
                                        <span class="video-post-user"> 未来智库</span>
                                        <span class="video-post-views">531k views</span>
                                        <span class="video-post-date"> 2 weeks ago </span>
                                        <!-- option menu -->
                                        <span class="btn-option">
                                            <i class="icon-feather-more-vertical"></i>
                                        </span>
                                        <div class="dropdown-option-nav"
                                            uk-dropdown="pos: bottom-right ;mode : hover ;animation: uk-animation-slide-bottom-small">
                                            <ul>
                                                <li> <span> <i class="uil-history"></i> 稍后再看</span> </li>
                                                <li> <span> <i class="uil-bookmark"></i>添加书签</span> </li>
                                                <li> <span> <i class="uil-share-alt"></i> 分享</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div>
                                <a href="#" class="video-post video-post-list">
                                    <!-- Blog Post Thumbnail -->
                                    <div class="video-post-thumbnail">

                                        <span class="video-post-time">40:00</span>
                                        <span class="play-btn-trigger"></span>
                                        <img src="../../img/15695557123920.jpg" alt="">
                                    </div>
                                    <!-- Blog Post Content -->
                                    <div class="video-post-content">
                                        <h3> Learn how to create a PHP singleton class </h3>
                                        <img src="../../img/3.jpg" alt="">
                                        <span class="video-post-user">Stella Johnson</span>
                                        <span class="video-post-views">938k views</span>
                                        <span class="video-post-date"> 3 weeks ago </span>
                                        <!-- option menu -->
                                        <span class="btn-option">
                                            <i class="icon-feather-more-vertical"></i>
                                        </span>
                                        <div class="dropdown-option-nav"
                                            uk-dropdown="pos: bottom-right ;mode : hover ;animation: uk-animation-slide-bottom-small">
                                            <ul>
                                                <li> <span> <i class="uil-history"></i> 稍后再看</span> </li>
                                                <li> <span> <i class="uil-bookmark"></i>添加书签</span> </li>
                                                <li> <span> <i class="uil-share-alt"></i> 分享</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div>
                                <a href="#" class="video-post video-post-list">
                                    <!-- Blog Post Thumbnail -->
                                    <div class="video-post-thumbnail">

                                        <span class="video-post-time">14:00</span>
                                        <span class="play-btn-trigger"></span>
                                        <img src="../../img/15671379273725.jpg" alt="">
                                    </div>
                                    <!-- Blog Post Content -->
                                    <div class="video-post-content">
                                        <h3> 军机优质赛道深度分析报告：碳纤维、刹车系统、航空发动机 </h3>
                                        <img src="../../img/1.png" alt="">
                                        <span class="video-post-user">未来智库</span>
                                        <span class="video-post-views">531k views</span>
                                        <span class="video-post-date"> 2 weeks ago </span>
                                        <!-- option menu -->
                                        <span class="btn-option">
                                            <i class="icon-feather-more-vertical"></i>
                                        </span>
                                        <div class="dropdown-option-nav"
                                            uk-dropdown="pos: bottom-right ;mode : hover ;animation: uk-animation-slide-bottom-small">
                                            <ul>
                                                <li> <span> <i class="uil-history"></i> 稍后再看</span> </li>
                                                <li> <span> <i class="uil-bookmark"></i>添加书签</span> </li>
                                                <li> <span> <i class="uil-share-alt"></i> 分享</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div>
                                <a href="#" class="video-post video-post-list">
                                    <!-- Blog Post Thumbnail -->
                                    <div class="video-post-thumbnail">

                                        <span class="video-post-time">23:00</span>
                                        <span class="play-btn-trigger"></span>
                                        <img src="../../img/08145251ww2h.png" alt="">
                                    </div>
                                    <!-- Blog Post Content -->
                                    <div class="video-post-content">
                                        <h3> 河北新乐市：全域小区、村实行封闭管理 确需出入的须凭“三证” </h3>
                                        <img src="../../img/2.jpg" alt="">
                                        <span class="video-post-user">环球网</span>
                                        <span class="video-post-views">531k views</span>
                                        <span class="video-post-date"> 2 weeks ago </span>
                                        <!-- option menu -->
                                        <span class="btn-option">
                                            <i class="icon-feather-more-vertical"></i>
                                        </span>
                                        <div class="dropdown-option-nav"
                                            uk-dropdown="pos: bottom-right ;mode : hover ;animation: uk-animation-slide-bottom-small">
                                            <ul>
                                                <li> <span> <i class="uil-history"></i> 稍后再看</span> </li>
                                                <li> <span> <i class="uil-bookmark"></i>添加书签</span> </li>
                                                <li> <span> <i class="uil-share-alt"></i> 分享</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </a>
                            </div>


                            <div>
                                <a href="#" class="video-post video-post-list">
                                    <!-- Blog Post Thumbnail -->
                                    <div class="video-post-thumbnail">

                                        <span class="video-post-time">23:00</span>
                                        <span class="play-btn-trigger"></span>
                                        <img src="../../img/05114948424245.jpg" alt="">
                                    </div>

                                    <!-- Blog Post Content -->
                                    <div class="video-post-content">
                                        <h3> 汽车热管理行业专题报告：新能源汽车热管理迎产业春风 </h3>
                                        <img src="../../img/3.jpg" alt="">
                                        <span class="video-post-user"> 新华社</span>
                                        <span class="video-post-views">531k views</span>
                                        <span class="video-post-date"> 2 weeks ago </span>
                                        <!-- option menu -->
                                        <span class="btn-option">
                                            <i class="icon-feather-more-vertical"></i>
                                        </span>
                                        <div class="dropdown-option-nav"
                                            uk-dropdown="pos: bottom-right ;mode : hover ;animation: uk-animation-slide-bottom-small">
                                            <ul>
                                                <li> <span> <i class="uil-history"></i> 稍后再看</span> </li>
                                                <li> <span> <i class="uil-bookmark"></i>添加书签</span> </li>
                                                <li> <span> <i class="uil-share-alt"></i> 分享</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div>
                                <a href="#" class="video-post video-post-list">
                                    <!-- Blog Post Thumbnail -->
                                    <div class="video-post-thumbnail">

                                        <span class="video-post-time">40:00</span>
                                        <span class="play-btn-trigger"></span>
                                        <img src="../../img/wx_article_20201221120236_jKFsbE.jpg" alt="">
                                    </div>
                                    <!-- Blog Post Content -->
                                    <div class="video-post-content">
                                        <h3> 中国又一世界领先技术，比5G还要让美国担忧，中科大首功 </h3>
                                        <img src="../../img/1.jpg" alt="">
                                        <span class="video-post-user"> 互联狗</span>
                                        <span class="video-post-views">938k views</span>
                                        <span class="video-post-date"> 3 weeks ago </span>
                                        <!-- option menu -->
                                        <span class="btn-option">
                                            <i class="icon-feather-more-vertical"></i>
                                        </span>
                                        <div class="dropdown-option-nav"
                                            uk-dropdown="pos: bottom-right ;mode : hover ;animation: uk-animation-slide-bottom-small">
                                            <ul>
                                                <li> <span> <i class="uil-history"></i> 稍后再看</span> </li>
                                                <li> <span> <i class="uil-bookmark"></i>添加书签</span> </li>
                                                <li> <span> <i class="uil-share-alt"></i> 分享</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div>
                                <a href="#" class="video-post video-post-list">
                                    <!-- Blog Post Thumbnail -->
                                    <div class="video-post-thumbnail">

                                        <span class="video-post-time">14:00</span>
                                        <span class="play-btn-trigger"></span>
                                        <img src="../../img/微信图片_20201222112055.png" alt="">
                                    </div>
                                    <!-- Blog Post Content -->
                                    <div class="video-post-content">
                                        <h3>腾讯《2021数字科技前沿应用趋势》：互联网下一站，在星辰大海 </h3>
                                        <img src="../../img/2.jpg" alt="">
                                        <span class="video-post-user"> 阑夕</span>
                                        <span class="video-post-views">531k views</span>
                                        <span class="video-post-date"> 2 weeks ago </span>
                                        <!-- option menu -->
                                        <span class="btn-option">
                                            <i class="icon-feather-more-vertical"></i>
                                        </span>
                                        <div class="dropdown-option-nav"
                                            uk-dropdown="pos: bottom-right ;mode : hover ;animation: uk-animation-slide-bottom-small">
                                            <ul>
                                                <li> <span> <i class="uil-history"></i> 稍后再看</span> </li>
                                                <li> <span> <i class="uil-bookmark"></i>添加书签</span> </li>
                                                <li> <span> <i class="uil-share-alt"></i> 分享</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div>
                                <a href="#" class="video-post video-post-list">
                                    <!-- Blog Post Thumbnail -->
                                    <div class="video-post-thumbnail">

                                        <span class="video-post-time">23:00</span>
                                        <span class="play-btn-trigger"></span>
                                        <img src="../../img/微信图片_20201222171532.png" alt="">
                                    </div>
                                    <!-- Blog Post Content -->
                                    <div class="video-post-content">
                                        <h3> WiFi 过时了，LiFi 才是未来！ </h3>
                                        <img src="../../img/3.jpg" alt="">
                                        <span class="video-post-user">哎咆科技</span>
                                        <span class="video-post-views">531k views</span>
                                        <span class="video-post-date"> 2 weeks ago </span>

                                        <!-- option menu -->
                                        <span class="btn-option">
                                            <i class="icon-feather-more-vertical"></i>
                                        </span>
                                        <div class="dropdown-option-nav"
                                            uk-dropdown="pos: bottom-right ;mode : hover ;animation: uk-animation-slide-bottom-small">
                                            <ul>
                                                <li> <span> <i class="uil-history"></i> 稍后再看</span> </li>
                                                <li> <span> <i class="uil-bookmark"></i>添加书签</span> </li>
                                                <li> <span> <i class="uil-share-alt"></i> 分享</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </a>
                            </div>


                        </div>


                    </div>


                </div>



            </div>
        </div>
    </div>


    <!--         </div>
    </div>
 -->




    <footer class="footer-area mt-5">
        <div class="container">
            <div class="footer-up">
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <img class="footer-img" src="../../img/二维码.png">
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12">

                        <h6>关于我们</h6>
                        <p> More over 10 years of experience in architecture, we build with owners and professionals
                            architect to raise quality & standard projects.</p>
                        <div class="social-area">
                            <a href=""><i class="fa fa-qq"></i></a>
                            <a href=""><i class="fa fa-weixin"></i></a>
                            <a href=""><i class="fa fa-weibo"></i></a>

                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <h6>联系我们</h6>
                        <div class="contact-info">
                            <p><i class="las la-clock"></i> Mon-Fri 08.00 a.m-06.00 p.m</p>
                            <p><i class="las la-map-marker"></i> 112 W 34th St, Newyork</p>
                            <p><i class="las la-phone"></i> (+1)212-946-2064</p>
                            <p><i class="las la-envelope"></i> info@archipix.com</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="subscribe-form">
                            <h6>留下您宝贵的建议</h6>
                            <form action="index.html">
                                <input type="text" placeholder="Your name">
                                <input type="email" placeholder="Your email">
                                <textarea name="suggest" style="overflow: scroll" placeholder="Your suggest"></textarea>
                                <button class="main-btn">提交</button>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="link-top"></div>
                <ul>
                    <li>
                        <h6>友情链接:</h6>
                    </li>
                    <li>
                        <a href="#">About Us</a>
                        <a href="#">Services</a>
                        <a href="#">Projects</a>
                        <a href="#">Contact</a>
                    </li>
                </ul>


            </div>
        </div>
    </footer>

    <script src="https://vjs.zencdn.net/7.10.2/video.min.js"></script>
    <!-- Popper JS -->
    <script src="../js/popper.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="../js/bootstrap.min.js"></script>
    <!-- Wow JS -->
    <script src="../js/wow.min.js"></script>
    <!-- Owl Carousel JS -->
    <script src="../js/owl.carousel.min.js"></script>
    <!-- Isotope JS -->
    <script src="../js/isotope-3.0.6-min.js"></script>
    <!-- Way Points JS -->
    <script src="../js/jquery.waypoints.min.js"></script>
    <!-- Counter Up JS -->
    <script src="../js/jquery.counterup.min.js"></script>
    <!-- Magnific Popup JS -->
    <script src="../js/magnific-popup.min.js"></script>
    <!-- Sticky JS -->
    <script src="../js/jquery.sticky.js"></script>
    <!-- Progress Bar JS -->
    <script src="../js/jquery.barfiller.js"></script>
    <!-- Main JS -->
    <script src="../js/framework.js"></script>
    <script src="../js/simplebar.js"></script>
    <script src="../js/main.js"></script>
  
    <script src="../js/theme-change.js"></script>
</body>

</html>